<template>
  <section>
    <div id='Yuanxin'>
      <center>
        <div class="MainDiv"
             v-for="(item, index) in appArray"
             :key="index">
          <img class="iconImg"
               :src='item.iconImg'>
          <p class="appNameP">
            {{ item.appNameP }}
          </p>
          <p class="attentionP">{{ item.attentionP }}</p>
          <br>
          <div class="button">
            <a class="buttonA"
               :href="item.buttonA"
               target="_blank">点此安装</a>
          </div>
        </div>
      </center>
    </div>

  </section>

</template>

<script>
import './ipa.css'

export default {
  name: 'YuanXinAPP',

  data() {
    return {
      appArray: [
        {
          iconImg: 'public/static/img/yuanxin.png',
          appNameP: 'YuanXinAPP(测试)',
          attentionP: '点击按钮安装或相机扫描二维码安装',
          buttonA:
            'itms-services://?action=download-manifest&url=https://gitee.com/anchoritefiligod/plistTest/raw/master/yuanxintest.plist'
        },
        {
          iconImg: 'public/static/img/yuanxin.png',
          appNameP: 'YuanXinAPP(正式)',
          attentionP: '点击按钮安装或相机扫描二维码安装',
          buttonA:
            'itms-services://?action=download-manifest&url=https://gitee.com/anchoritefiligod/plistTest/raw/master/yuanxin.plist'
        },
        {
          iconImg: 'public/static/img/yuanxin.png',
          appNameP: 'YuanXinAPP(mac)',
          attentionP: '点击按钮下载mac应用',
          buttonA:
            'http://gmscosmo-app.oss-cn-shanghai.aliyuncs.com/ios/wholeLink-1.0.0-mac.dmg'
        }
      ]
    }
  },
  methods: {}
}
</script>
